@()
@mainWithSearch("Downloads") {
	<style>
			.detailTable > thead > tr > th, .detailTable > tbody > tr > th, .detailTable > tfoot > tr > th, .detailTable > thead > tr > td, .detailTable > tbody > tr > td, .detailTable > tfoot > tr > td {
				vertical-align: middle;
				text-align: center;
			}
	</style>
	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title"><span class="glyphicon glyphicon-download"></span> Downloads</h3>
		</div>
		<div class="panel-body">

			<h4 class="myTitle">Annotation data:</h4>

			<table class="display table table-bordered detailTable" id="annoTable" data-pagination="true" data-search="true"
			data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true"
			style="word-wrap: break-word">
				<tbody></tbody>
			</table>

			<h4 class="myTitle">Expression and analysis data:</h4>

			<table class="display table table-bordered detailTable" id="anaTable" data-pagination="true" data-search="true"
			data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true"
			style="word-wrap: break-word">
				<tbody></tbody>
			</table>

		</div>
	</div>
	<script>
			$(document).ready(function () {

				Download.init

			})

	</script>

}